.moreipvideo .top { display: flex; justify-content: space-between; padding: 0px 10px; width: 100%; box-sizing: border-box; height: 44px; line-height: 44px; font-size: 16px; color: #333; position: fixed; background-color: #fff; top: 0px; z-index: 1000; }

.moreipvideo .top .tabs ul { display: flex; justify-content: space-between; }

.moreipvideo .top .tabs ul li { padding: 0px 3px; width: 50px; height: 42px; text-align: center; }

.moreipvideo .top .tabs ul .active { color: #ff8f5c; border-bottom: 2px solid #ff8f5c; }

.moreipvideo .top .icon-sort { font-size: 22px; color: #333; }

.moreipvideo .display { display: none; }

.moreipvideo .recommend { margin-top: 44px; }

.moreipvideo .recommend ul li .img { width: 100%; height: 200px; }

.moreipvideo .recommend ul li .img img { width: 100%; height: 100%; object-fit: cover; vertical-align: bottom; }

.moreipvideo .recommend ul li .detail { padding: 14px; position: relative; height: 68px; box-sizing: border-box; }

.moreipvideo .recommend ul li .detail .title { display: inline-block; color: #464646; font-size: 14px; height: 16px; line-height: 16px; width: 280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.moreipvideo .recommend ul li .detail .img { width: 52px; height: 52px; border-radius: 50%; position: absolute; right: 14px; top: -26px; }

.moreipvideo .recommend ul li .detail .img img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; vertical-align: bottom; }

.moreipvideo .recommend ul li .detail .album { margin-top: 5px; color: #a0a0a0; font-size: 12px; display: flex; justify-content: space-between; }

.moreipvideo .recommend ul li .detail .album .name { width: 60px; text-align: center; }
